<template>
    <a-space direction="vertical" size="small">
        <template v-for="item in tests" :key="item.id">
            <row-container :title="item.title" :test="item.id" :data="item.content"></row-container>
        </template>
    </a-space>
</template>

<script>
import { defineComponent } from "vue";
import RowContainer from './RowContainer.vue'

export default defineComponent({
    components: { RowContainer },
    name: "ResultPanel",
    setup() {
        return {
            tests:[
                {
                    id: 'space',
                    title: '空间性能',
                    content: {
                        syn: [ 'pg', 'ma', 'n1', 'n2', 'tgk', 'tgi' ],
                        energy: [ 'pg', 'ma', 'n1', 'n2', 'tgk', 'tgi' ],
                        traffic: [ 'pg', 'ma', 'n1', 'n2', 'tgk', 'tgi' ],
                    }
                },
                {
                    id: 'append', 
                    title: '读写（Append）',
                    content: {
                        syn: [ 'pg', 'ma', 'n1', 'n2', 'tgk', 'tgi', 'tgl' ],
                        energy: [ 'pg', 'ma', 'n1', 'n2', 'tgk', 'tgi', 'tgl' ],
                        traffic: [ 'pg', 'ma', 'n1', 'n2', 'tgk', 'tgi', 'tgl' ],
                    }
                },
                {
                    id: 'update', 
                    title: '读写（Update）',
                    content: {
                        syn: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        energy: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        traffic: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                    }
                },
                {
                    id: 'snapshot', 
                    title: '读写（Snapshot）',
                    content: {
                        syn: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        energy: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        traffic: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                    }
                },
                {
                    id: 'aggmax', 
                    title: '读写（Snapshot Aggregation Max）',
                    content: {
                        syn: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        energy: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        traffic: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                    }
                },
                // {
                //     id: 'aggdur', 
                //     title: '读写（Snapshot Aggregation Duration）',
                //     content: {
                //         syn: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                //         energy: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                //         traffic: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                //     }
                // },
                {
                    id: 'etpc', 
                    title: '读写（Entity Temporal Condition）',
                    content: {
                        syn: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        energy: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        traffic: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                    }
                },
                {
                    id: 'reachable', 
                    title: '读写（Reachable Area）',
                    content: {
                        syn: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        energy: [  ],
                        traffic: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                    }
                },
                {
                    id: 'ehistory', 
                    title: '读写（Entity History）',
                    content: {
                        syn: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        energy: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        traffic: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                    }
                },
                {
                    id: 'oltp', 
                    title: '并发（OLTP负载）',
                    content: {
                        syn: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        energy: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        traffic: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                    }
                },
                {
                    id: 'olap',
                    title: '并发（OLAP负载）',
                    content: {
                        syn: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        energy: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                        traffic: [ 'pg', 'ma', 'n1', 'n2', 'tgk' ],
                    }
                },
            ]
        };
    },
    created() {
        // console.log(this.$store.state.results)
    }
});
</script>

<style scoped>
    /* a-space {
        width: 100%;
    } */
</style>